.messageList{

}

.messageBlock{
 display: flex;
 flex-direction: column;
 flex: 1;
 height: 62vh;
 overflow-y: scroll;
}

.chatSendButton{
    margin-top: 20px;
}

.sendPanle{
  
}

.message {
    padding: 8px 12px;
    border-radius: 8px;
    margin: 4px;
    max-width: 70%;
    
    &.mine {
      background-color: #1890ff;
      color: white;
      align-self: flex-end;
    }
    
    &.other {
      background-color: #f0f0f0;
      color: #333;
      align-self: flex-start;
    }
  }